<script setup lang="ts">
import { computed } from 'vue';

const { prefix, name, color } = withDefaults(
  defineProps<{
    prefix?: string,
    color?: string,
    name: string
  }>(), {
  prefix: "#icon-",
  color: "#ffffff",
});

const svgHref = computed(() => {
  return prefix + name;
})

</script>

<template>
  <svg t="1741067177232" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
    p-id="2620" width="200" height="200">
    <use :fill="color" :xlink:href="svgHref"></use>
  </svg>
</template>

<style lang="scss"></style>
